<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="__JS__/mui.min.js"></script>
    	<link href="__CSS__/mui.min.css" rel="stylesheet"/>
    	<link href="__CSS__/base.css" rel="stylesheet" />
		<link href="__CSS__/calculate.css" rel="stylesheet" />
	</head>
	
	<body>
		<header class="app_header">
			<!-- <div class="back"></div> -->
			个人中心
			<a href="#popover" id="openPopover" class="more"></a>
		</header>
		
		<!-- 用户信息 -->
		<div class="bg-banner">
			<div class="area-center header-area">
				<img src="{$userInfo.headimgurl}" class="header-img"  />
			</div>
			<span class="area-center user-name">{$userInfo.nickname}</span>
			<span class="area-center user-name">{$userInfo.mobile}</span>
		</div>
		
		<section class="menu-area">
			<div class="menu-box" id="myorder">
				<span class="area-center text-undo">
					我的订单
				</span>
				<div class="area-center">
				<span class="area-center img-undo">
					<img class="box-img"  src="__IMG__/calculate/i_mall.png"/>
				</span>
				</div>
			</div>
			<div class="menu-box">
				<span class="area-center text-do">
					我的优惠券
				</span>
				<div class="area-center">
				<span class="area-center img-do">
					<img class="box-img"  src="__IMG__/calculate/i_shop.png"/>
				</span>
				</div>
			</div>
			<div class="menu-box">
				<span class="area-center text-do">
					我的合同
				</span>
				<div class="area-center">
				<span class="area-center img-do">
					<img class="box-img"  src="__IMG__/calculate/i_wallet.png"/>
				</span>
				</div>
			</div>
			<div class="menu-box" id="exam">
				<span class="area-center text-undo">
					报名考试
				</span>
				<div class="area-center">
				<span class="area-center img-undo">
					<img class="box-img"  src="__IMG__/calculate/i_fun.png"/>
				</span>
				</div>
			</div>
			<div class="menu-box">
				<span class="area-center text-do">
					预约学车
				</span>
				<div class="area-center">
				<span class="area-center img-do">
					<img class="box-img"  src="__IMG__/calculate/i_pay.png"/>
				</span>
				</div>
			</div>
		</section>
	</body>
	
	<script type="text/javascript" src="__JS__/filexible_css.js" ></script>
	<script type="text/javascript" src="__JS__/flexible.js" ></script>
	<script>
		mui("body").on("tap","#myorder",function(){
			window.location.href="{:U('myOrder')}";
		})
		mui("body").on("tap","#exam",function(){
			window.location.href="{:U('examCenter')}";
		})
	</script>
</html>